草庐IT

HTML 布局

全部标签

javascript - 如何向任何 HTML 元素添加 alpha 过滤器并在 IE 中保留其他过滤器?

如果我有这个HTML然后这个javascript在IE6中工作document.getElementById("a").filters.alpha.opacity=60;但是如果没有设置样式javascript抛出错误'filters.alpha'为空或不是对象这段代码有效document.getElementById("a").style.filter="alpha(opacity=60)";但是随后应用于图像的其他滤镜将被覆盖。所以问题是:如何向任何HTML元素添加alpha过滤器并在IE中保留其他过滤器?编辑我想要纯javascript(不是jQuery)解决方案

javascript - 检查本地文件是否存在(HTML5 FS API)

我正在开发一个Chrome扩展,我想检查一个文件是否存在。我不想对该文件做任何事情:我只想检查它是否存在。如果我使用XMLHttpRequest它不起作用,因为出于安全原因不允许这样做。所以我必须使用HTML5FSAPI。问题是这个API没有方法来检查文件是否存在。我有一个名为“fileExists”的变量,我想知道如何根据文件的存在(由URL确定)将其值从false更改为true或从true更改为false。谢谢。 最佳答案 使用类似的东西:functionexists(fileName,callback){storageRoot

javascript - 如何在页面加载时更改 HTML 内容

我在我们的网站上进行A/B测试,我的大部分工作都是在一个JS文件中进行的,该文件在呈现任何其他内容之前加载到页面顶部,但在加载jQuery之后有时会派上用场。举一个更改H1标签的非常简单的例子,我通常会在头部注入(inject)一个样式,将H1不透明度设置为0,然后在DOMContentLoaded上,我会操作H1内容,然后将不透明度设置为1。这样做的原因是为了避免在更改发生之前闪现旧内容-隐藏整个对象在视觉上更加优雅。我已经开始研究MutationObserverAPI。我之前在用户可以打开的覆盖对话框中更改内容时使用过它,这似乎是一种很酷的方法,我想知道是否有人设法使用Mutati

javascript - Nuxt.js - 如何在布局中使用组件?

所以我开始使用Nuxt.js。我想修改默认布局文件以具有页眉和页脚。为此,我想创建一个Header和一个Footer组件,并在它们之间放置页面内容标签()。然而什么也没有发生。这是我的default.vue布局文件:FooterimportHeaderfrom"~/components/Header.vue";exportdefault{components:{Header}};...这是我的Header.vue组件文件:HeaderHomeAbout.links{padding-top:15px;}这有什么问题吗?我可以首先在布局文件中使用组件吗?我是否必须在其他地方单独注册新创建的

javascript - Jade : escape html in mixin argument

我尝试过的:mixinsimpleDivInject(text)divh1#{text}mixinsimpleDivInject("lineonelinetwo")期望的结果lineonelinetwo实际结果lineone<br/>linetwo我怎样才能达到预期的结果。我已经尝试了更多的东西(例如将字符串存储在varect中),但到目前为止没有成功。 最佳答案 其实我只是想通了。在这里回答希望对其他人有帮助。转义不是发生在mixin参数系统中,而是发生在vinillajade系统中,所以:mixinsimpleDiv

javascript - 将 html 传递给 Vue 组件

目前我将一些参数传递给vue组件hello','goodbye']"slider是“html”slider或带有图像的slider。虽然我传入的html会变得更复杂,可能有30行,但作为参数将更难阅读和管理,这工作正常。我可以传入外部引用并将其拉入组件吗?{{content}}如您所见,组件中的循环是一个非常简单的v-for。 最佳答案 不要使用属性传递HTML,而是使用Slots:Supposewehaveacomponentcalledmy-componentwiththefollowingtemplate:I'mthechil

javascript - 如何使用 puppeteer 获取 html 元素的所有子元素值

我正在使用puppeteer.我想获取表的列名的值。XYZ0500055006000650我需要得到的是这些td值的数组。我尝试了page.$(selector)但无法理解输出。我也试过:letidAttribute=awaitpage.$eval('.GridHeader',e=>e.childNodes);console.log(idAttribute)但无法获取这些td值的数组。你能帮我循环这些值吗?编辑:找到问题的答案并将其发布在答案部分。 最佳答案 我能够使用以下方法获得解决方案:constdata=awaitpage.e

javascript - 如何在 HTML 下拉列表中显示复选框?

我需要用复选框填充下拉列表(HTML)。我尝试使用来显示这样的列表标记并在JSP页面中应用一些样式,但它显示的列表类似于列表框。下面是JSP页面中的代码以及Javascript,它仅在单击页面上的唯一按钮时提​​醒已检查的语言列表。CheckboxlistfunctionselectCheckBox(){vartotal="";for(vari=0;iEnglishHindiItalianChineseJapaneseGerman它只显示一个语言列表,如下面的快照所示。我需要的是将此语言列表显示为下拉列表(而不是列表框)。我该怎么做? 最佳答案

javascript - 如何排除提交的 HTML 表单单选按钮值?

我只需要通过网络表单向cgi脚本提交一个输入字段值。我添加了几个额外的表单控件(一个复选框和单选按钮),它们根据所选状态来操作输入值。提交表单时,还会提交额外的表单字段值,这会破坏cgi脚本(我无权访问)。我从复选框中删除了“名称”属性,因此它们不会被提交,但不能对单选按钮执行此操作,因为它会破坏它们的分组。如何防止提交单选按钮值? 最佳答案 您可以添加disabled在submit中赋予它们处理程序,这将防止它们被jQuery或普通序列化。提交。例如:$("#myForm").submit(function(){$(this).f

javascript - 使用 CSS 的流体布局

我注意到在一些使用流动布局的网站上,可以删除页面上的元素并在窗口缩小到较小尺寸时替换元素,显然是为了使内容更易于查看。例如:http://simplebits.com/我的问题是..使用什么css来实现这一点(如果是css,也许是JavaScript..)?我应该看什么才能更多地了解这项技术?谢谢! 最佳答案 当屏幕宽度小于800像素时,样式表包含不同的规则。如果您查看页面的样式表,第983行有一个@media规则,如下所示:@mediascreenand(max-width:800px){/*Alternateruleshere*